import React from 'react';

import { View } from '@facejs/ui';
import HocPage from '@packages/face-runner/HocPage';

import * as appConfig from '../../app.config';
import * as pageConfig from './index.config';

/**
 * 分享云仓小程序，统一先跳到本页面
 * 在onload中判断，分享的页面到底是原生还是h5
 * 如果是原生，则调用showPageNoRecord跳到对应页面
 */
@HocPage({
    appConfig: appConfig[process.env.PLATFORM],
    pageConfig: pageConfig[process.env.PLATFORM],
})
export default class Webview extends React.PureComponent {
    html = {
        title: '多端页面',
    };

    // 若跳转地址存在原生页面 则跳转到原生页
    onLoad(query) {
        console.log('onLoad', query);
    }

    render() {
        return (
            <View
                style={{
                    textAlign: 'center',
                    height: '2rem',
                    lineHeight: '2rem',
                    backgroundColor: '#a02732',
                    color: '#fff',
                }}
            >
                Facejs 多端构建示例
            </View>
        );
    }
}
